*{
    margin:0;
    padding:0;
    transition:all ease 2s;
}
body{
    /*background-image:url("../images/background.png");*/

    background-size:cover;

    background:linear-gradient(120deg, #30cfd0 0%, #ebbba7 50%, #a3bded 80%);
}

html,body{
    height:100%;
}
.whole{
    height:100%;
}
.top{
    display:flex;
    height:70px;

    width:100%;

    background:linear-gradient(30deg,#12EDE6,#A7FA05);
}
.top .top_whole{
    width:95%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0px auto;
}
.top .top_whole .top_left{
    font-size:18px;


}
.top .top_whole .top_right{

    display:flex;

}
.top .top_whole .top_right input{
    font-size:18px;
    font-family:cursive;
    font-weight:bold;
    padding:3px;
    cursor:pointer;
    margin:35px;
    border:none;
    opacity:0.5;
}

.top .top_whole .top_right input:hover{
    color:rgb(87, 243, 127);
    opacity:0.9;
}
.top .top_whole .top_right a{
    font-size:20px;
    font-family:cursive;
    font-weight:bold;
    color:rgb(0,0,0);
    text-decoration:none;
    margin: 38px 10px 0 0;

}

.top .top_whole .top_right a:hover{
    color:red;
}

/*主体*/
.main{
   /* background: rgb(255,255,255);*/

    height:50%;
    margin: 15px;
    padding: 50px 0px 0px 500px;

}
.main .table_box{
    border: 5px solid rgba(124,246,69,1);
    align-content: center;
    border-spacing: 0px;
    border-collapse: collapse;
    color: black;
    font-size:18px;
    font-family:cursive;
    font-weight:bold;
}
.main .table_box thead th{
    border: 2px solid rgba(124,246,69,1);
    padding: 10px 20px;
}
.main .table_box tbody tr td{
    border: 2px solid rgba(124,246,69,1);
    padding: 20px 40px;

}

